import React, {FC, CSSProperties} from "react";
import {TimerProps} from '../../types/timer'
import './style.css'

interface TitleProps extends TimerProps {

}

const Title: FC<TitleProps> = (props: TitleProps) => {
	const {themeColor} = props
	return (
		<div className='header'>
			<div className='check_info'>
				<span
					className='checked_icon'
					style={{
						backgroundColor: themeColor,
						border: `solid 1px ${themeColor}`}}
				/>
				<span className='text_info'>已选</span>
			</div>
			<div className='check_info'>
				<span className='uncheck_icon'/>
				<span className='text_info'>可选</span>
			</div>
		</div>
	)
}
export default Title